@font-face {
    font-family: 'Eveleth Clean Regular';
    src: url('https://d39o3fosqm9uio.cloudfront.net/uploads/13/themes/175/fonts/eveleth_clean_regular-webfont.woff2?v=63867916439') format('woff2'),
         url('https://d39o3fosqm9uio.cloudfront.net/uploads/13/themes/175/fonts/eveleth_clean_regular-webfont.woff?v=63867916412') format('woff'),
      	 url('https://d39o3fosqm9uio.cloudfront.net/uploads/13/themes/175/fonts/Eveleth%20Clean%20Regular.otf?v=63835695569') format('otf');
    font-weight: normal;
    font-style: normal;
}
:root {  
  --vspurple:#1F49D6; 
  --vscorporatepurple:#5B2487;  
  --vscorporatepurple-hover:#23014A;
  --body: #200F2E;
  --link: var(--vspurple);
  --linkhover: #122B80;
  --midgrey:#C3bfd6;
  --darkgrey:#23014A;
  --offblack:#271438;
  --lightgrey:#F0EFF4; 
  --primary-color: #FFFFFF;
  --bodyFF:'Source Sans Pro',Helvetica Neue,Arial, sans-serif;
  --headingsFF:'Source Sans Pro',Helvetica Neue,Arial, sans-serif;  
  --h1FF:'Eveleth Clean Regular',Helvetica Neue,Arial, sans-serif; 
  --altFooterCol:red;
}body {
  font-family: var(--bodyFF);
  font-size: 1.7rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--body);
  background-color:var(--lightgrey);
}

h1{
  font-family: var(--h1FF);
  font-size: 2.25em;
}
h2,h3,h4,h5,h6 {
  font-family: var(--headingsFF);
  font-weight: 500;
  line-height:1.3;
}
h2 {font-size: 2em;}
h3 {font-size:1.5em;}

@media screen and (min-width: 36em){
  h1{font-size: 2.5em;}
}

.lead,.pitch {font-size:1.5em;}

a,
#public-section-grid a.asset-view-link {
  color: var(--link);
}

a:hover,
#public-section-grid a.asset-view-link:hover {
  color: var(--linkhover);
  opacity: 1;
}/* ----- Upper nav styles -------*/
.preview-mode #upper-nav{
  top:6rem;
}
.preview-mode-menu a {
  color: var(--body);
}

#upper-nav {
  background-color: var(--vscorporatepurple);
  display: block;
  height: 3.5rem;
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 1;
  padding: 0 4rem;
  vertical-align: middle;
}

#upper-nav a {
  color: white;
  text-decoration: none;
  padding: 0 1rem;
  border-right: 1px solid rgba(255,255,255,0.5);
  line-height: 3.5rem;
  height: 100%;
  float: left;
  opacity: 1;
  font-size: 1.2rem;
}

#upper-nav a:hover {
  background-color: var(--vscorporatepurple-hover);
}

#upper-nav a.active {
  background-color: white;
  color: var(--vscorporatepurple);
}

#upper-nav a:nth-child(1) {
  border-left: 1px solid rgba(255,255,255,0.5);
}

/* ---------------------------------
    Navbar styles 
   --------------------------------- */
#navbar{
  margin-top: 3.5rem;
}

.navbar-section {
  height: 8rem;
  padding-top: 0;
  padding-bottom: 0;
  /* navbar account name color */
  color: var(--body);
  /* navbar color */
  background-color: white;
  /* navbar border at the bottom */
  border-bottom: 1px solid var(--lightgrey);
}

/* navbar icons text color */
.navbar-section .selection-count,
.navbar-section .avatar-user-dropdown{
  color: var(--darkgrey);
}

/* navbar user dropdown border color */
.navbar-section .avatar-user-dropdown{
  border-color: var(--darkgrey);
}

/* navbar icons color */
.navbar-section .svg-stroke path,
.navbar-section .svg-stroke line{
  stroke: var(--darkgrey);
}

/* navbar icons color */
.navbar-section .svg-fill path{
  fill: var(--darkgrey);
}

/* navbar links */
.navbar-section-content a { 
  color: var(--darkgrey);
}

.navbar-section .icon-search path {
  fill: var(--vscorporatepurple);
}

span.account-name {
  font-size: 1.6rem;
  display: none;
}

.navbar-button.search-button {
  display:none;
}

.navbar-button:hover, #user-dropdown:hover {
  background:none;
}

.navbar-link-content {
  cursor: pointer;
}

.navbar-link-content:hover,
.dropdown-button:hover {
  opacity: 0.8;
}

.account-logo .logo {
  max-height: 4rem;
}

.account-logo-mobile {
  position: absolute;
}

@media (min-width: 85em) {
  #upper-nav,
  #navbar {
    padding: 0 15rem;
  }
  .account-logo .logo,
  span.account-name {
    display:block;
  }
  
  .navbar-section-content {
    display:block;
    margin-left: 0;
    margin-right:auto;
  }
  .navbar-section-content .dropdown-button {
  	margin-left:0.5rem;
    margin-right:0.5rem;
  }
  
}
/* locale */
.dropdown-options {
  position: absolute;
  display: none;
  min-width: 20rem;
  background-color: #fff;
  width: 100%;
  border: .1rem solid #bdc3c7;
  border-radius: .4rem;
  top: 0;
  left: 0;
  margin-top:4em;
  z-index: 2;
}

.user-actions a {
  color: rgb(35, 1, 74);
}

.user-actions a:hover,
.user-actions button.user-dropdown-button:hover,
.user-actions button.navbar-button:hover {
  background-image: linear-gradient(rgba(0, 0, 0, .05), rgba(0, 0, 0, .05));
}

@media screen and (max-width: 1542px) {
  /* Hide logo and account name on mobile */
  .account-logo .logo {
    display: none; 
  }

  .account-logo-mobile {
    position: relative;
    display: block;
  }
}

@media screen and (max-width: 1104px) {
  /* fixes tablet size nav overflow */
  .navbar-button.search-button,
  .navbar-button.contribute-button,
  .navbar-button.icon-admin,
  .navbar-button.icon-contribute,
  .navbar-locale-dropdown {
    display: none;
  }
}

@media screen and (max-width: 62em) {
  .account-logo-mobile {
    position: absolute;
  }
}/* Footer styles */
.footer-section {
  padding: 0;
  background-color: var(--darkgrey);
  color: white;
}

#footer a {color: #fff;}
#footer a:hover {opacity: 0.7;}

#footer .footer-flex, 
#footer .footer-column {
  display: flex;
  flex-direction: column;
}

#footer .footer-row {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}

#footer .footer-flex {width: 100%;}
#footer .footer-top {padding: 0;}
#footer .footer-bottom {display:none;}
#footer .top {padding: 2rem 4rem;}
#footer .vs-alba-logo{width:18rem;}

#footer .footer-row.links-section{
  justify-content: flex-start; 
  gap: 2rem;
  margin-bottom: 2rem;
}

#footer .links-section a{text-decoration: none;}
#footer .footer-row.social-icons-links {
  justify-content: center;
  gap: 2rem;
  flex-direction: row;
}

#footer .socket {
  background: var(--vscorporatepurple); 
  font-size: 1.3rem;
  padding: 0.5rem 4rem 2rem;
}

#footer .social-icons-links a {
  border: 1px solid white;
  border-radius: 50%;
  width: 4rem;
  height: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

#footer .social-icons-links a:hover {
  color: var(--darkgrey);
  background-color: #fff;
  border-color: #fff;
  transition: all 0.2s;
  opacity: 1;
}

#footer .social-icons-links .css-icon {
  width: 1.8rem;
  height: 1.8rem;
}

@media screen and (min-width: 36em){
  #footer .footer-row {flex-direction: row;}
  #footer .footer-row.links-section {margin-bottom: 0;}
  #footer .socket {padding: 0.5rem 4rem;}
  #footer .footer-row.social-icons-links {
    width: auto;
    margin-bottom:0;
    justify-content: flex-start; 
    gap: 1rem;
  }
}

@media screen and (min-width: 75em){
  #footer .top {padding: 2rem 15rem;}
  #footer .footer-row.links-section {gap: 4rem;}
  #footer .socket {padding: 0.5rem 15rem;}
}

.system-info {
  color: var(--darkgrey);
  background-color: var(--lightgrey);
  line-height: normal;
  border-radius: 1rem 0 0 0;
}/* Footer styles */
.footer-section {
  padding: 0;
  background-color: var(--darkgrey);
  color: white;
}

#footer a {color: #fff;}
#footer a:hover {opacity: 0.7;}

#footer .footer-flex, 
#footer .footer-column {
  display: flex;
  flex-direction: column;
}

#footer .footer-row {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}

#footer .footer-flex {width: 100%;}
#footer .footer-top {padding: 0;}
#footer .footer-bottom {display:none;}
#footer .top {padding: 2rem 4rem;}
#footer .vs-alba-logo{width:18rem;}

#footer .footer-row.links-section{
  justify-content: flex-start; 
  gap: 2rem;
  margin-bottom: 2rem;
}

#footer .links-section a{text-decoration: none;}
#footer .footer-row.social-icons-links {
  justify-content: center;
  gap: 2rem;
  flex-direction: row;
}

#footer .socket {
  background: var(--vscorporatepurple); 
  font-size: 1.3rem;
  padding: 0.5rem 4rem 2rem;
}

#footer .social-icons-links a {
  border: 1px solid white;
  border-radius: 50%;
  width: 4rem;
  height: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

#footer .social-icons-links a:hover {
  color: var(--darkgrey);
  background-color: #fff;
  border-color: #fff;
  transition: all 0.2s;
  opacity: 1;
}

#footer .social-icons-links .css-icon {
  width: 1.8rem;
  height: 1.8rem;
}

@media screen and (min-width: 36em){
  #footer .footer-row {flex-direction: row;}
  #footer .footer-row.links-section {margin-bottom: 0;}
  #footer .socket {padding: 0.5rem 4rem;}
  #footer .footer-row.social-icons-links {
    width: auto;
    margin-bottom:0;
    justify-content: flex-start; 
    gap: 1rem;
  }
}

@media screen and (min-width: 75em){
  #footer .top {padding: 2rem 15rem;}
  #footer .footer-row.links-section {gap: 4rem;}
  #footer .socket {padding: 0.5rem 15rem;}
}

.system-info {
  color: var(--darkgrey);
  background-color: var(--lightgrey);
  line-height: normal;
  border-radius: 1rem 0 0 0;
}/* ---------------------
   Main Elements
   --------------------- */
.main {
  margin-top: 11.5rem;
}

.preview-mode .main {padding-top: 6rem;}
.preview-mode-title, 
.preview-mode-exit-button, 
.preview-mode-edit-page, 
.preview-mode-roles, 
.preview-mode-themes, 
.preview-mode-locales {
    margin: .8rem .25rem;
}

.center {
  text-align: center;
}

.welcome-paragraph {
  font-size: 1.5em;
}

blockquote,
blockquote p {
  font-size: 1.3em;
  font-style: italic;
}

.small {
  font-size: 0.8em;
}

.red {color:red;}


/* new album select state */
a.album-selected {
  border: none;
  box-shadow: none;
}

a.album-selected img {
  border: 5px solid #af006e;
  box-shadow: 0 15px 25px 1px #ccc;
}

a.album-selected span.album-title {
  color: #af006e;
}

/* end album select state */

@media screen and (min-width: 75em) {

  .html-section,
  .albums-section,
  .advanced-section {
    padding: 2rem 15rem;
  }
}

#map.advanced-section {
  background-color: #fff;
}

mark {
  padding: 1rem 2rem;
  background-color: #f9d147;
  color: black;
}

.two-column-section {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4rem;
  background: white;
  padding-top: 4rem;
  padding-bottom: 4rem;
  flex-direction: column;
  text-align: center;
}

@media screen and (min-width: 36em) {
  .two-column-section {
    padding-top: 10rem;
    padding-bottom: 10rem;
    flex-direction: row;
    text-align: left;
  }
}

.two-column-section img {
  max-height: 26rem;
  width: 100%;
  height: 100%;
}

.two-column-section .text-content-title {
  margin-top: 0;
}

.two-column-section .button {
  background-color: var(--vspurple);
  color: white;
  border-radius: 3rem;
  padding: 0.7rem 1.5rem;
  font-size: 1.4rem;
  transition: all 0.3s;
  line-height: 2.2rem;
}

.two-column-section .button:hover {
  background-color: var(--vscorporatepurple-hover);
}

.two-column-section .text-content-paragraph {
  color: var(--darkgrey);
}

.two-column-section .arrow-right-icon {
  position: relative;
  top: 0.2rem;
  margin-left: 2.5rem;
}

/* two column grids used throughout site */
.two-col-grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-rows: minmax(min-content, max-content);
  grid-column-gap: 2em;
  grid-row-gap: 2em;
}

.two-col-grid article {
  display: grid;
  grid-auto-rows: minmax(min-content, max-content);
}

@media (min-width:62em) {
  .two-col-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 6em;
    grid-row-gap: 6em;
  }
}

/* end 2 col grid */

/* four column grids used throughout site */
.four-col-grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-rows: minmax(min-content, max-content);
  grid-column-gap: 2em;
  grid-row-gap: 2em;
}

.four-col-grid article {
  display: grid;
  grid-auto-rows: minmax(min-content, max-content);
}

@media (min-width:62em) {
  .four-col-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-column-gap: 6em;
    grid-row-gap: 6em;
  }
}

/* end 4 col grid */


.pagination-button {
  background: var(--vspurple);
  border: none;
  border-radius: 0.2rem;
  color: var(--darkgrey);
  padding: 0.5rem 1rem;
  margin: 0 1rem;
  cursor: pointer;
}

.current-page {
  color: var(--darkgrey);
}

.pagination-button .icon path {
  fill: white;
}

/* ----------------
     Search widget
     ---------------- */



.search-section {
  max-width: 120rem;
  margin: 5rem auto;
}

.search-label {
  display: none;
}

.filters {
  justify-content: center;
}

.search-grid-section .page-actions,
.search-grid-section .grid,
.search-grid-section .assets-pagination {
  background-color: var(--primary-color);
  padding-bottom: 4rem;
}

/* ----------------
     Masonry view
     ----------------- */
.masonry-asset {
  margin-bottom: 2rem;
  padding: 0;
  float: left;
  background-color: var(--lightgrey);
}

.masonry-asset:hover {
  opacity: 0.6;
}

.masonry-asset .asset-grid-icon {
  position: relative;
}

.masonry-asset .asset-grid-name {
  margin-left: 0;
}

/* ------------
     Buttons
     ------------ */
.normal-button {
  color: white;
  background-color: black;
  padding: 0.2rem 1rem;
}

.button-with-border {
  border-color: black;
}

.change-grid-view .icon-text {
  font-size: 1.2rem;
}

/* --------------
     Home Page
     -------------- */
/* Hero image and searchbox */

/* search on home page */
.search-box-content-text h1 {
  color: white;
}

.search-box-input::placeholder {
  font-style: italic;
}

.search-box-content {
  gap: 0;
}

.search-box {
position: relative;
display: flex;
align-items: center;
padding:0;
margin-bottom: 1.5rem;
min-height: 6rem;
width: 100%;
border: 1px solid #5D5478;
background-color: #fff;
}


.clear-search-button {
  background-color: transparent;
  width: 5rem;
  height: 5rem;
  margin: 0.5rem;
}
.clear-search-button svg path {fill:#fff;}


.hero-image-credit-content {
  position: absolute;
  bottom: 0.5rem;
  right: 2rem;
  color: white;
  text-decoration: none;
  font-size: 1.4rem;
  display: flex;
  gap: 1rem;
  align-items: center;
  background: var(--vscorporatepurple);
  padding: 0.5rem 1rem;
}

.hero-image-credit-content:hover {
  background: var(--vscorporatepurple-hover);
}

.search-box:before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='19' height='19' fill='none'><path d='M18.3666 18.3666L13.3 13.3L18.3666 18.3666ZM8.2333 15.8333C7.23525 15.8333 6.24698 15.6367 5.32491 15.2548C4.40283 14.8728 3.56501 14.313 2.85929 13.6073C2.15356 12.9016 1.59375 12.0638 1.21182 11.1417C0.829881 10.2196 0.633301 9.23135 0.633301 8.2333C0.633301 7.23525 0.829881 6.24698 1.21182 5.32491C1.59375 4.40283 2.15356 3.56501 2.85929 2.85929C3.56501 2.15356 4.40283 1.59375 5.32491 1.21182C6.24698 0.829881 7.23525 0.633301 8.2333 0.633301C10.2489 0.633301 12.182 1.43401 13.6073 2.85929C15.0326 4.28457 15.8333 6.21766 15.8333 8.2333C15.8333 10.2489 15.0326 12.182 13.6073 13.6073C12.182 15.0326 10.2489 15.8333 8.2333 15.8333Z' stroke='white'/></svg>");
  width: 6rem;
  height: 6rem;
  background-color: var(--vscorporatepurple);
  background-position: center;
  margin-left:-1px;
}

#hero-search.search-box-section,
#hero-search.search-box-section img {
  height: 50vh;
}

#hero-search .search-box-content-text,
#hero-search .search-box-component {
  max-width: 100%;
}

.search-box-autocomplete {
	max-width: max-content;
    padding:0 1rem;
}

@media screen and (min-width: 36em) {
  .hero-image-credit-content {
    right: 4rem;
  }
}

@media screen and (min-width: 62em) {
  #hero-search.search-box-section {
    height: 100%;
  }

  #hero-search .search-box-content-text,
  #hero-search .search-box-component {
    max-width: 80%;
  }

  #hero-search.search-box-section img {
    height: 33vw;
  }
}

/* Social media icons */
.section#social-media-buttons {
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1rem;
}

.section#social-media-buttons .social-media-buttons-content {
  display: flex;
  gap: 1rem;
}

.section#social-media-buttons .share {
  color: var(--vscorporatepurple);
  font-weight: 500;
}

.section#social-media-buttons .social-icon {
  border: 1px solid var(--vscorporatepurple);
  border-radius: 50%;
  padding: 0.5rem;
  width: 3rem;
  height: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

/* Intro
  .section#intro{
    background: white;
    text-align: center;
    padding-top: 3rem;
    padding-bottom: 3rem;
  } */

.section#intro .welcome-paragraph {
  max-width: 100%;
  margin: auto;
  color: var(--darkgrey);
}

.section#you-might-be-intrested-in-title {
  padding-top: 1rem;
}

.section#you-might-be-intrested-in-albums {
  padding-bottom: 4rem;
}

@media screen and (min-width: 36em) {
  .section#you-might-be-intrested-in-albums {
    padding-bottom: 6rem;
  }

  .section#you-might-be-intrested-in-title {
    padding-top: 4rem;
  }
}

@media screen and (min-width: 62em) {
  .section#you-might-be-intrested-in-albums {
    padding-bottom: 10rem;
  }

  .section#intro .welcome-paragraph {
    max-width: 80%;
  }

  .section#intro {
    padding-top: 5rem;
    padding-bottom: 6rem;
  }
}

/* Assets grid adjustments */

.asset .asset-name {
  font-size: 1em;
  margin-bottom: 0.5em;
}

.asset .asset-info {
  font-size: 1em;
}
/* hide asset info in grid portal as per Sam's(accessibiliy) request */
/*. .grid-view .asset .asset-info {
  display: none;
}*/

.grid-view .asset .asset-info .asset-source {display:none;}

.grid-view .asset-grid-name {
  font-weight:bold;
}

.grid-view .asset-type-icon {
  display:none;
}

/* Masonry view adjustments */

.masonry-view .asset-grid-name {
  font-weight:bold;
}
.masonry-view .masonry-asset-type-icon {
  display:none;
}

/* Feed view adjustments */
.feed-view .asset-name {
	text-align:left;
  	justify-content:left;
}
.feed-view .asset-grid-name {
  font-size: 1.2em;
  text-align:left;
  font-weight:bold;
}
.feed-view .feed-asset-type-icon {
  display:none;
}


/* Album grid */
.albums-grid .album-wrapper {
  gap: 3rem;
}

.albums-grid .album {
  width: 100%;
  display: inline;
  background: white;
  padding: 1rem;
  border-radius: 0.3rem;
  box-shadow: 0px 3px 7px 1px rgb(57 57 59 / 20%);
  -webkit-box-shadow: 0px 3px 7px 1px rgb(57 57 59 / 20%);
  -moz-box-shadow: 0px 3px 7px 1px rgb(57 57 59 / 20%);
}

.albums-grid .album-cover {
  min-height: 10rem;
  float: left;
  width: 100%;
  height: 15rem;
}

.albums-grid .album-title,
.albums-grid .album-description {
  width: 100%;
  float: left;
  display: inline;
  text-align: left;
  padding: 1rem 0 0;
}

.albums-grid .album-title {
  font-weight: 500;
  font-size: 1.8rem;
}

.albums-grid .album-description {
  font-size: 1.4rem;
  color: var(--darkgrey);
}

.albums-grid .album:after {
  display: none;
}

@media screen and (min-width: 62em) {
  .albums-grid .album-cover {
    height: 12rem;
    width: 16rem;
  }

  .albums-grid .album-title,
  .albums-grid .album-description {
    width: calc(100% - 16rem);
    padding-left: 3rem;
    padding-right: 1rem;
  }
}


/* latest posts section */
.latest-posts-section {
  padding: 0 4rem;
}

.latest-posts-section .search-section,
.latest-posts-section .page-actions,
.latest-posts-section #public-assets-pagination-top,
.latest-posts-section .asset-grid-icon {
  display: none;
}

.latest-posts-section .masonry-asset .asset-image-link,
.latest-posts-section .post-placeholder-icon {
  height: 22rem;
  max-height: 22rem;
}

.latest-posts-section .asset-grid-name {
  font-weight: 500;
  font-size: 2rem;
}

.latest-posts-section .asset-grid-description {
  color: var(--darkgrey);
}

.latest-posts-section .masonry-asset:hover {
  opacity: 0.8;
}

.latest-posts-section .pagination {
  margin-top: 0;
}

.latest-posts-section .grid {
  width: 100% !important;
  display: grid;
  grid-template-columns: 1fr;
  gap: 3rem;
  justify-content: center;
}

@media screen and (min-width: 48em) {
  .latest-posts-section .grid {
    grid-template-columns: 1fr 1fr;
  }
}

.latest-posts-section .masonry-asset {
  margin-bottom: 2rem;
  background-color: white;
  float: left;
  position: relative !important;
  left: unset !important;
  right: unset !important;
  display: flex;
  flex-direction: column;
  width: auto;
  height: 100%;
  padding: 1rem;
  box-shadow: 0px 3px 7px 1px rgb(57 57 59 / 20%);
  -webkit-box-shadow: 0px 3px 7px 1px rgb(57 57 59 / 20%);
  -moz-box-shadow: 0px 3px 7px 1px rgb(57 57 59 / 20%);
  border-radius: 0.3rem;
  top: unset !important;
}

.latest-posts-section .masonry-asset img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media screen and (min-width: 48em) {
  .albums-grid .album {
    width: calc((100% - 3rem)/2);
  }
}

@media screen and (min-width: 75em) {
  .section#intro .welcome-paragraph {
    max-width: 80%;
  }

  .search-box-content .search-box {
    margin: auto;
    max-width: 70%;
  }

  .hero-image-credit-content {
    right: 15rem;
  }

  .latest-posts-section {
    padding: 0 15rem;
  }

  .latest-posts-section .grid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}


/* ----------------------------------------

         Assets Page

  ----------------------------------------- */
/* Search box */
.assets-page .search-section {
  max-width: 100%;
  margin: 0;
}

.assets-page .search-box-section {
  background: var(--vscorporatepurple);
  padding: 6rem 1rem;
}

.assets-page .search-box {
  max-width: 100%;
}

.assets-page .filters-section {
  background: white;
  padding: 2rem;
}

.assets-page .filters {
  justify-content: flex-start;
}

.clear-search-btn {
  background: none;
}

.assets-page {
  background: white;
}

.assets-page .asset .asset-image {
  margin-left: 0;
}

.assets-page .page-actions {
  background-color: var(--lightgrey);
  padding-bottom: 2rem;
  padding-top: 2rem;
}

@media screen and (min-width: 36em) {
  .assets-page .filters-section {
    padding: 2rem 4rem;
  }

  .assets-page .search-box {
    max-width: 80%;
    margin: auto;
  }
}

@media screen and (min-width: 62em) {
  .assets-page .search-box-section {
    padding: 6rem;
  }
}

.search-param {
  background: var(--vspurple);
  color: white;
  margin: 0;
  border-radius: 0.2rem;
  text-transform: uppercase
}

.filter-name-value,
.filter-name path {
  color: var(--darkgrey);
  stroke: var(--darkgrey);
}

.assets-page .asset-data,
.assets-page .asset-buttons,
.assets-page .post-placeholder {
  text-align: left;
}

.assets-page .asset .asset-info,
.assets-page .share-asset-icon,
.assets-page .select-button svg,
.assets-page .download-asset-icon svg {
  display: none;
}

.assets-page .asset-buttons {
  margin-top: 2rem;
  display: flex;
  gap: 1rem;
}

.assets-page .select-button,
.assets-page .download-asset-icon {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 3rem;
  height: 3rem;
  float: left;
}

.assets-page .select-button {
  background-image: url(https://d39o3fosqm9uio.cloudfront.net/accounts/13/files/1BM5KS267J8W5SP13DKHJAGMXW/previews/small.png?v=63835865628);
  order: 2;
}

.assets-page .select-button:hover,
.assets-page .select-button.selected-button {
  background-image: url(https://d39o3fosqm9uio.cloudfront.net/accounts/13/files/1JWMBXMYN58S2R0350TA3HJ9Z7/previews/small.png?v=63835865633);
}

.assets-page .download-asset-icon {
  background-image: url(https://d39o3fosqm9uio.cloudfront.net/accounts/13/files/5AFGP52QFF8HNA1T661X93BES0/previews/small.png?v=63835865631);
  order: 1;
}

.assets-page .download-asset-icon:hover {
  background-image: url(https://d39o3fosqm9uio.cloudfront.net/accounts/13/files/5EHP9KSM028KBSQT1PSM003NSA/previews/small.png?v=63835865635);
}

/* ------------------
      FAQ page
     ------------------ */
#faq-searchbox {
  padding-top: 5em;
}

#faq-searchbox>label {
  display: none;
}

dt {
  font-weight: bold;
}

/* --- end of FAQ page --- */


@media screen and (min-width: 75em) {
  section#advanced_filters:before {
    content: "Refine by:";
  }
}

/* ------------------
      Contact page
     ------------------ */

.credits-widget .credit-card-button a {
    background-color: var(--link);
}

.credits-widget .credit-card-button a:hover {
  color: #fff;
  background-color: var(--linkhover);
}

.credit-email, .credit-phone {
    display: flex;
    white-space: nowrap;
    align-items: flex-start;
    justify-content: center;
    gap: 0.5rem;
    line-height: 1;
}

.credits-widget .credit-email-value {
  white-space: normal;
  overflow-wrap: anywhere;
}/* Layout and basic styles of Asset Detail Page */
.albums-section-title{
  display: none;
}

.asset-page-wrapper {
  padding: 6rem 2rem;
  background: white;
}

@media screen and (min-width: 75rem){
  .asset-page-wrapper {
    padding: 6rem 15rem;
  }
}

.asset-data{
  margin-top: 1rem;
}

.asset-data,
.asset-buttons{
  text-align: center;
}

.asset-info span:not(.asset-id, .asset-source):before {
  content: ' | ';
}

.asset-source:before {
  content: 'src: ';
}

.asset-page-wrapper.post .asset-proxy-section,
.asset-page-wrapper.post .asset-details-section,
.asset-page-wrapper.post .asset-tags-section{
  max-width: 90rem;
  margin: auto;
  width: 100%;
}

.asset-page-wrapper.post .asset-proxy-section{
  margin-top:2rem;
}

/* 
.asset-tags-title,
.asset-type-title,
.asset-size-title,
.asset-filename-title,
.asset-dimensions-title,
.asset-type-value,
.asset-extension-title,
.asset-release-date,
.asset-created-at,
.asset-id-title,
.asset-licence-title,
.asset-word-count-title{
  display:none;
}

.asset-licence-value:before{
  content: ' -';
  margin-right: 0.5rem;
}

.asset-licence-subtitle:after,
.asset-expiry-date-title:after,
.asset-created-at-title:after,
.asset-release-date-title:after,
.asset-credit-title:after,
.asset-usage-title:after{
  content:':';
}

.AssetView .asset-title {
  font-size: 2rem;
  flex: 0 0 100%;
}

.asset-page-main .asset-type,
.asset-page-main .asset-size,
.asset-page-main .asset-extension,
.asset-page-main .asset-id{
  width: 33%;
  display: inline;
}

.asset-details-section {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.asset-details-section article {
  flex: 1;
  flex: 0 0 100%;
}

.asset-details-section .asset-type,
.asset-details-section .asset-size,
.asset-details-section .asset-dimensions,
.asset-details-section .asset-extension,
.asset-details-section .asset-id,
.asset-details-section .asset-word-count{
  flex: 0 0 content;
}

.asset-type-icon,
.asset-license-icon,
.asset-expiry-date-icon,
.asset-created-at-icon,
.asset-release-date-icon,
.asset-credit-icon,
.asset-usage-icon,
.asset-reference-icon,
.asset-location-icon {
  float: left;
  margin-right: 1rem;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.AssetView .asset-extension:before,
.AssetView .asset-id:before,
.AssetView .asset-size:before,
.AssetView .asset-dimensions:before,
.AssetView .asset-word-count:before{
  content: ' | ';
  margin-left: 0.5rem;
}

.AssetView .asset-id:before {
  content: '#';
  margin-right: -0.4rem;
} */

/* 
.asset-tags-title,
.asset-type-title,
.asset-filename-title,
.asset-type-value,
.asset-release-date,
.asset-created-at,
.asset-word-count-title 
*/

.asset-tags-title,
.asset-id-title,
.asset-extension-title,
.asset-size-title,
.asset-dimensions-title,
.asset-licence-title {display:none;}

.asset-type-value {text-transform:uppercase;}

.asset-licence-value:before {
  content: '\A'; /* adds line break after Licence Name */
  margin-right: 0.5rem;
  white-space: pre-wrap; /* required for line break to work */
}
.asset-usage-value:before {
  content: '\A'; /* adds line break after Licence Name */
  margin-right: 0.5rem;
  white-space: pre-wrap; /* required for line break to work */
}

.asset-type-icon,.asset-licence-icon,.asset-source-icon,.asset-usage-icon {vertical-align:-webkit-baseline-middle;}
.asset-type-icon svg path, .asset-licence-icon svg path, .asset-usage-title svg path, .asset-source-title svg path {stroke-width:2px;}

.asset-type-title,
.asset-licence-subtitle,
.asset-expiry-date-title,
.asset-created-at-title,
.asset-release-date-title,
.asset-credit-title,
.asset-usage-title,
.asset-source-title,
.asset-reference-title,
.asset-location-title {
  font-weight:bold; 
}

.asset-type-title:after,
.asset-licence-subtitle:after,
.asset-expiry-date-title:after,
.asset-created-at-title:after,
.asset-release-date-title:after,
.asset-credit-title:after,
.asset-usage-title:after,
.asset-location-title:after {
  content:':';
}
/* no longer needed
.asset-placename:after,
.asset-city:after,
.asset-region:after {content:','}

.asset-placename:last-child:after,
.asset-city:last-child:after,
.asset-region:last-child:after {content:''}
*/

.AssetView .asset-title {
  font-size: 2rem;
  flex: 0 0 100%;
}

.asset-page-main .asset-type,
.asset-page-main .asset-size,
.asset-page-main .asset-extension,
.asset-page-main .asset-id{
  width: 33%;
  display: inline;
}

.asset-details-section {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.asset-details-section article {
  flex: 1;
  flex: 0 0 100%;
}

.asset-details-section .asset-type,
.asset-details-section .asset-size,
.asset-details-section .asset-dimensions,
.asset-details-section .asset-extension,
.asset-details-section .asset-id,
.asset-details-section .asset-word-count{
  flex: 0 0 content;
}

.asset-type-icon,
.asset-license-icon,
.asset-expiry-date-icon,
.asset-created-at-icon,
.asset-release-date-icon,
.asset-credit-icon,
.asset-usage-icon,
.asset-reference-icon,
.asset-location-icon,
.asset-source-icon {
  float: left;
  margin-right: 1rem;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.AssetView .asset-id:before,
.AssetView .asset-size:before,
.AssetView .asset-dimensions:before,
.AssetView .asset-word-count:before {
  content: ' | ';
  margin-left: 0.2em;
}
.AssetView .asset-id:before {
  content: 'Asset ID:';
  margin-left:0;  
  margin-right: -0.1em;
  font-weight:bold;
}
.AssetView .asset-extension:before {
	content:'File type:';
    margin-left:0;
    margin-right: -0.1em;
    font-weight:bold;
}
.AssetView .asset-size:before {
	content:'File size:';
  	margin-left:1rem;
    margin-right: -0.1em;
    font-weight:bold;
}
.AssetView .asset-dimensions:before {
	content:'Dimensions:';
  	margin-left:1rem;
    margin-right: -0.1em;
    font-weight:bold;
}
.AssetView .asset-latitude:before {
	content:'Latitude:';
  	margin-left:1rem;
    margin-right: 0.1em;
    font-weight:bold;
}
.AssetView .asset-longitude:before {
	content:'Longitude:';
  	margin-left:1rem;
    margin-right: 0.1em;
    font-weight:bold;
}

/* Margins and paddings */
.AssetView .asset-details-section article {
  margin-top:1.2rem;
  margin-bottom: 0.5rem;
}

.asset-page-wrapper .section{
  padding: 0;
}

.asset-proxy-section{
  margin-right: 5rem
}

.asset-tags{
  margin-top: 3rem;
  line-height:2.5;
}
/* added to solve tag wrapping */
.asset-tags a {
font-size: 1.6rem;
line-height: 1.8rem;
float: left;
margin: 0 0.8rem 1.2rem 0;
}

.asset-term-of-use{
  margin-top: 1rem;
}

.AssetView .asset-body {
  margin-bottom: 1.8rem;
}

.asset-body p {
  margin: 0;
}

.AssetView .asset-type-icon {
  order: 1;
  margin-bottom: 0.8rem;
  flex: unset;
}
.AssetView .asset-id {
  order: 2;
  margin-right:1rem;
}
.AssetView .asset-type {
 order: 3;
  margin-bottom: 0.8rem;
  flex: unset;
}
.AssetView .asset-name {
  order: 4;
  width: 100%;
}
.AssetView h1.asset-name {
	margin:0;
    font-size:1.75em;
}



.AssetView .asset-extension {
  order: 5;
}

.AssetView .asset-word-count {
  order: 5;
}

.AssetView .asset-size {
  order: 6;
}

.AssetView .asset-dimensions {
  order: 7;
}

.AssetView .asset-description {
  order: 8;
}

.AssetView .asset-licence {
  order: 9;
}

.AssetView .asset-terms-of-use {
  order: 10;
  padding-bottom: 1rem;
}

.AssetView .asset-expiry-date {
  order: 10;
}

.AssetView .asset-release-date {
  order: 11;
}

.AssetView .asset-created-at {
  order: 12;
}

.AssetView .asset-credit {
  order: 13;
}

.AssetView .asset-usage {
  order: 14;
}

.AssetView .asset-reference {
  order: 15;
}

.AssetView .asset-account {
  order: 15;
}

.AssetView .asset-location {
  order: 4;
}
.tag {font-size:1em;}
.tag.selected-tag{
  background-color: #A8308C;
  border-radius: 3rem;
}

.asset-action{
  border: 1px solid var(--vspurple);
  background-color: var(--vspurple);
  color: white;
  border-radius: 3rem;
  letter-spacing: 0.5px;
  padding: 0.7rem 1.5rem;
  font-weight: 500;
  cursor: pointer;
  transition: 0.2s all;
}

.asset-action:hover{
  color: #fff;
  background: var(--linkhover);
  border-color: var(--linkhover);
}

.asset-action path,
.asset-action polyline,
.asset-action line{
  stroke: white;
  stroke-width: 2;
}

.asset-action.asset-save-button path{
  fill: white;
  stroke-width: 1;
}

.asset-card-info {
  padding: 1rem;
}/* Sign Up Page styles */
.new-account-section .form-section {
  background-color: transparent;
  padding: 0;
}

.new-account-hint {
  font-size: 2.5rem;
}

.new-account-section .form-section form {
  background-color: antiquewhite;
  border-radius: 1em;
  padding: 1em;
}

@media screen and (min-width: 75em) {
  .new-account-section .form-section {
    width: 33vw;
    min-width: 30em;
    margin: 1em auto;
    background-color: transparent;
  }

  .new-account-section .form-section form {
    background-color: antiquewhite;
    border-radius: 1em;
    padding: 2em;
  }


  .new-account-section .new-account-embeded-image {
    padding: 3rem;
    max-width: 66vw;
  }

  blockquote {
    padding: 2em;
  }

  blockquote span {
    display: block;
    width: 100%;
    font-size: 2.2rem;
    font-weight: bold;
  }

  blockquote cite {
    display: block;
    width: 100%;
    font-size: 1em;
    text-align: center;
  }

  .signup-faq {
    margin: 2.5%;
    text-align: left !important;
    padding-top: 1em;
  }
}
/* --------------
   Basket
   -------------- */
.basket-bar {
  width: 30.6rem;
  background: var(--lightgrey);
}

#basket-bar .basket-actions {
  flex-direction: column;
  padding: 2.4rem 0 0;
  gap: 0.5rem;
}

#basket-bar .basket-asset {
  display: block;
  background: transparent;
  position: relative;
  padding: 2rem;
  margin-bottom: 4rem;
}

.basket-number-of-assets-value:before {
  content: "(";
  margin-left: 0.5rem;
}

.basket-header {
  background: white;
}

.basket-body {
  padding-top: 2rem;
  background-color: var(--lightgrey);
}

.basket-number-of-assets-value:after {
  content: ")";
}

.basket-number-of-assets-title {
  font-size: 3rem;
  float: left;
}

.basket-number-of-assets-value {
  font-size: 3rem;
}

.basket-asset .asset-icon,
.basket-asset-info,
/*.basket-asset-buttons .basket-share-button,*/
.basket-asset-buttons .basket-download-button svg,
/*#basket-bar .basket-asset-button.basket-deselect-button svg,*/
.basket-actions a svg {
  display: none;
}

.vertical-basket-layout .basket-button {
  width: 100%;
  border-radius: 3rem;
  height: 4rem;
  font-size: 1.4rem;
  line-height: 1.6rem;
  color: white;
  display: flex;
  align-items: center;
  text-decoration: none;
  gap: 0.8rem;
  background: var(--vspurple);
  padding: 0 1.5rem;
  letter-spacing: 1.2px;
  border: none;
}

/* fix for accessibility colour contrast */
.basket-disabled .basket-actions>a {
  opacity: 0.75;
  background: var(--linkhover);
}

.basket-actions>a:hover {
  background: var(--linkhover);
}

.basket-actions a.basket-clear-all-button:hover {
  background: transparent;
}

.basket-actions a.basket-clear-all-button:hover:before {
  text-decoration: underline;
}

.basket-actions a.basket-clear-all-button {
  text-transform: none;
  margin-top: 0.8rem;
  height: auto;
  font-size: 1.4rem;
  line-height: 2rem;
  background: transparent;
  color: black;
}

.basket-button-share:after,
.basket-button-save:after,
.basket-button-download:after {
  content: '';
  width: 2.4rem;
  height: calc(4rem - 4px);
}

.basket-button-share:after {
  background: url() no-repeat center;
}

.basket-button-save:after {
  background: url() no-repeat center;
}

.basket-button-download:after {
  background: url() no-repeat center;
}

#basket-bar .basket-asset-image-link {
  width: 100%;
  display: block;
  height: 100%;
  line-height: 0;
}

#basket-bar .basket-asset-image {
  width: 100%;
  height: auto;
  max-height: unset;
}

#basket-bar .basket-asset-buttons {
  display: flex;
  gap: 1rem;
  margin-top: 1rem;
}

.basket-asset-button.basket-deselect-button,
.basket-asset-buttons .basket-download-button {
  width: 3rem;
  height: 3rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.basket-asset-button.basket-deselect-button {
  background-image: url(https://d39o3fosqm9uio.cloudfront.net/accounts/13/files/1JWMBXMYN58S2R0350TA3HJ9Z7/previews/small.png?v=63835865633);
}

.basket-asset-button.basket-deselect-button:hover {
  opacity: 0.2;
  background-image: url(https://d39o3fosqm9uio.cloudfront.net/accounts/13/files/0GGYRZQYQ29TA9M7ETHDZ0PABB/previews/small.png?v=63836371168);
}

.basket-asset-buttons .basket-download-button {
  background-image: url(https://d39o3fosqm9uio.cloudfront.net/accounts/13/files/5AFGP52QFF8HNA1T661X93BES0/previews/small.png?v=63835865631);
}

.basket-asset-buttons .basket-download-button:hover {
  background-image: url(https://d39o3fosqm9uio.cloudfront.net/accounts/13/files/5EHP9KSM028KBSQT1PSM003NSA/previews/small.png?v=63835865635);
}

.close-basket-button svg {
  display: none;
}

.close-basket-button {
  background: transparent;
  font-size: 0;
  padding: 0;
  width: 2rem;
  height: 4.5rem;
}

.close-basket-button:after {
  content: "x";
  color: var(--darkgrey);
  font-size: 3rem;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

@media screen and (min-width: 36em) {
  .basket-header {
    padding: 2rem 2rem;
  }
}

@media screen and (min-width: 62em) {
  .open-basket .main {
    margin-right: 30.6rem;
  }

  .open-basket .section.navbar-section {
    right: 30.6rem;
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .basket-body {
    max-height: calc(100vh - 28rem);
  }
}

@media screen and (min-width: 75em) {
  .open-basket .section.navbar-section {
    padding-right: 6rem !important;
    padding-left: 6rem !important;
  }
}

@media screen and (min-width: 120em) {
  .open-basket .section.navbar-section {
    padding-right: 15rem !important;
    padding-left: 15rem !important;
  }
}

.basket-asset-type-icon {display: none;}

/* --------------
   User menu
   -------------- */
.profile-details .change-email-button, 
.profile-details .change-password-button,
.timeline .audit-title-link,
.index-table-link, 
.index-table-action-link {
  color: var(--link);
}

.profile-details .change-email-button:hover, 
.profile-details .change-password-button:hover,
.timeline .audit-title-link:hover,
.index-table-link:hover, 
.index-table-action-link:hover {
  color: var(--linkhover);
}

.profile-section .initials-value,
.my-history-section .initials-value {
  color: var(--darkgrey);
}

.profile-section .initials,
.my-history-section .initials {
  background-color: var(--midgrey);
}/* specifically for Map section to be toggled on and off */
#map.advanced-section,
#map-mobile.advanced-section {
  background-color: #fff;
}

@media screen and (min-width: 75em) {
  #map.advanced-section {
    padding: 2rem 20vw;
  }
}

/* Map grids used on Maps section only */
.map-grid {
  display: grid;
}

.map-graphic {
  order: -1;
}

@media (min-width:62em) {
  .map-grid {
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 6em;
    grid-row-gap: 6em;
  }
  
  .map-graphic {
    order: 0;
  }
}

/* end map grid */

ul.map-list {
  padding: 0;
}

ul.map-list li {
  line-height: 2.1;
  display: inline-block;
  margin: 5px 0;
}

ul.map-list li a {
  text-decoration: none;
  background-color: var(--vspurple);
  color: #fff !important;
  padding: 3px 10px;
  display: inherit;
}

ul.map-list li:hover {
  background-color: var(--vscorporatepurple);
}

/* from Bk1 */
svg .selected {
  fill: var(--vspurple) !important
}

svg .selected path {
  fill: var(--vspurple) !important
}

.map-list a:hover {
  color: #000;
  text-decoration: none;
}

.map-list li {
  line-height: 2.1;
}

.map-text {}

.map-section {
  /*--background-image: url(https://s3.amazonaws.com/pro.brandkit.io/accounts/vsmediacentre/statics/tartan-light.jpg); background-repeat:repeat;--*/
  background-color: #f5f6fa;
}

.map-list li:hover a {
  background-color: var(--vscorporatepurple);
}

ul.map-list li a.map-selected {
  background-color: var(--vscorporatepurple);
}

.map-list li a {
  color: #fff;
}

.map-list li a:hover {
  color: #fff;
}

.map-region:hover {
  cursor: pointer;
}

.map-region.selected path {
  fill: var(--vscorporatepurple);
}

/* toggle map button related styles*/
.alt-home #map-toggle-button {
  border: 1px solid var(--vspurple);
  background-color: var(--vspurple);
  color: white;
  border-radius: 3rem;
  letter-spacing: 0.5px;
  padding: 0.7rem 1.5rem;
  font-weight: 500;
  cursor: pointer;
  transition: 0.2s all;
}

.alt-home #map-toggle-button svg {
  vertical-align: middle;
}

#map.is-hidden {
  display: none;
}
.desktop {display:none;}

@media screen and (min-width: 36em){
  .desktop {display:block;}
  .mobile {display:none;}
  .albums-horizontal-grid .album-wrapper {
	max-width:100%;
    overflow-wrap:normal;
    flex-wrap:wrap;
  }
}

/*--@media screen and (min-width: 64em){
  .nav-burger-menu {display:none}
}

@media screen and (min-width: 64em){
  .nav-close-burger-menu, .mobile-nav-menu-item {
    display: none;
  }
}

@media screen and (max-width: 64em){
  .navbar-section-content {
    gap: 1.5rem;
    display: flex;
    flex-direction: column;
    position: fixed;
    background: white;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 2rem;
    transform: translate(-100%);
    transition: all .5s ease;
    width: 75%;
  }
}

@media (min-width: 64em){
.navbar-section-content {
    margin-right: auto;
    margin-left: auto;
}
}

@media screen and (min-width: 64em){
.navbar-section-content {
    display: flex;
}
}
*/section.directory {max-width:120rem; margin:0 auto;}
section.directory a {text-decoration:none; color: var(--body); cursor: pointer;}
section.directory a:hover {opacity: 0.7;}
section.directory span {text-align:center;}
section.directory img {display:block;max-width:100px; margin:auto;}
section.terms {max-width:120rem;}
/* 5 column grids used throughout site */
.five-col-grid {
  display:grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-rows: minmax(min-content, max-content);
  grid-column-gap: 2em;
  grid-row-gap: 2em;
}
.five-col-grid article {
  display:grid;
  grid-auto-rows: minmax(min-content, max-content);
}

@media (min-width:48em) {
  .five-col-grid {
    display:grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-column-gap: 2em;
    grid-row-gap: 2em;   
  }
  .five-col-grid h1, .three-col-grid h2 {
  }
}

@media (min-width:100em) {
  .five-col-grid {
    display:grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-column-gap: 4em;
    grid-column-gap: 4em;
  }
  .five-col-grid h1, .three-col-grid h2 {
  }
}  
/* end 5 col grid */
/* 6 column grids used throughout site */
.six-col-grid {
  display:grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-rows: minmax(min-content, max-content);
  grid-column-gap: 2em;
  grid-row-gap: 2em;
}
.six-col-grid article {
  display:grid;
  grid-auto-rows: minmax(min-content, max-content);
}

@media (min-width:48em) {
  .six-col-grid {
    display:grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-column-gap: 2em;
    grid-row-gap: 2em;   
  }
  .six-col-grid h1, .six-col-grid h2 {
  }
}

@media (min-width:100em) {
  .five-col-grid {
    display:grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-column-gap: 4em;
    grid-column-gap: 4em;
  }
  .six-col-grid h1, .six-col-grid h2 {
  }
}  
/* end 6 col grid */

.request-section .download-button-section {
  padding-top: 2rem;
}@media screen and (min-width: 64em){
  .bk-wall {
    width: 100%;
    text-align: center;
    background-color: #fff;
    padding: 1rem 2rem;
    margin: 10em 3em;
  }
}
/* change login button text */
span.login-with-microsoft-text {
  visibility:hidden;
  position:relative;
}
span.login-with-microsoft-text:after {
  visibility:visible;
  content:'Staff Only';
  position: absolute;
  top: 0;
  left: 0;
}

.bk-wall-share .logo {
  padding: 3rem;
}
.asset-type-post .asset-grid-icon svg,
.download-assets .asset-card-icon svg.post-icon {display:none;}
.asset-type-post .asset-grid-icon,
.download-assets .asset-card-icon {
  background-image: url('https://d39o3fosqm9uio.cloudfront.net/accounts/13/static_files/01GVHMYA13E5AKMYM0JT81X7KG/vs-post-icon.svg?v=63846070062');
  background-repeat:no-repeat;
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  vertical-align: middle;
  background-size: contain;
}
/*. svg.post-icon.asset-card-icon path {visibility:hidden;}
svg.post-icon.asset-card-icon:after {
display: block;
position:absolute;
top:0;
left:0;
width: 1.6rem;
height: 1.6rem;
vertical-align: middle;
background-size: contain;
background-image: url('https://d39o3fosqm9uio.cloudfront.net/accounts/13/static_files/01GVHMYA13E5AKMYM0JT81X7KG/vs-post-icon.svg?v=63846070062');
background-color:red;
z-index:99;
}*/

.asset-type-icon {
  margin-right: 0.5rem;
  height: 1.5rem;
  display: inline-block;
  vertical-align: top;
}
.AssetView .asset-type-icon {
  display:none;
}

.basket-deselect-button .css-icon,
.basket-download-button .css-icon {
  display: none;
}

a.basket-share-button {
  background-color: var(--darkgrey);
  border-radius: 50%;
  width: 3rem;
  height: 3rem;
  display: flex;
  padding: 0.7rem;
}

a.basket-share-button:hover {
  background-color: var(--vspurple);
}

.basket-share-button .css-icon,
.pagination-button .css-icon {
  color: #fff;
}

.basket-asset-type-icon .css-icon-type {
  margin-top: 1rem;
}/* fix proble  with not being able to click in anywhere in the search box */
.search-box-autocomplete {
  max-width: initial;
}

.search-param {
  background: #DEDBE6;
  color: var(--body);
  border-radius: 0.2rem;
  text-transform: inherit;
  padding: 1rem 1.5rem;
  font-size: 1.4rem;
  line-height: 1.6;
  margin-right: 0.5rem;
}

/* chnage style of text search wrapper */
.meta-search-param {
  background-color: #fff;
  color: #000;
  outline: 0px solid #ccc;
  font-size:1.7rem;  
  line-height: 2em;
  vertical-align: baseline;   
}
/* add a background to remove search value button for Text searches */
.remove-value-btn {
  display:inline-block;
  line-height: 1;
  vertical-align: baseline; 
  width: 2.7rem;
  height:2.7rem;
  border-radius:0;
  margin-left: 0.5rem;
  font-size:1.7rem;
  padding: 0.5rem;
  background-color: var(--vspurple);
  color: white;
}

/* add interavctivity to butons */
.clear-search-button:hover,.remove-value-btn:hover {
  opacity:0.6;
}

/* fix clear search button height in mobile or multiline search */
.clear-search-button {
  width: 5rem;
  height: calc(100% - 1rem);
  margin: 0.5rem;
}

/*position search icon at top left of multiline search
.search-box:before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='19' …073C12.182 15.0326 10.2489 15.8333 8.2333 15.8333Z' stroke='white'/></svg>");
  width: 6rem;
  height: 6rem;
  background-color: var(--vspurple);
  background-position: center;
  margin-left: -1px;
  position: absolute;
  top: 0;
  left: 0;
}

}*/

.matches {
    padding-top: 0;
    padding-bottom: 0;
    max-width: calc(100% - 7rem);
}

/* filters */
.filters {
  justify-content: center;
}

.filter-options .filter-option:hover {
  color: #fff;
  background-color: var(--vspurple);
}

.filter-options .filter-option.selected {
  font-weight: bold;
  background-color: transparent;
  color: #111;
}

.filter-button:hover {
  background-color: var(--vspurple);
}

.albums-section a,
#public-section-grid a {
  color: var(--body);
}

.albums-section a:hover,
#public-section-grid a:hover {
  opacity: 0.7;
}

/* fix for accessibility colour contrast */
.change-grid-view.active {
  color: var(--darkgrey);
  opacity: 1;
  font-weight: bold;
}

.change-grid-view {
  color: var(--darkgrey);
  opacity: 0.8;
}

/* fix for accessibility touch target on asset select button */
.asset-buttons a, .asset-buttons button {
  padding: 0.75rem;
}

/* show the Search label and the And/Or toggle in the Search Grid */
label.search-label {
  display: block;
}

.button.asset-details-button {
    background-color: var(--vspurple);
    color: #fff;
    margin: 4rem auto 0;
    display: flex;
    width: max-content;
    padding: .75rem 3rem;
    font-size: 1.6rem;
    border: 1px solid var(--vspurple);
    border-radius: 3rem;
    letter-spacing: 0.5px;
    font-weight: 500;
    cursor: pointer;
    transition: 0.2s all;
}

.modal-pagination a {color: #fff;}
.asset-modal-select button.select-button .css-icon {
  display: none;
}.footer-section {
    padding: 0;
    background-color: var(--body);
    color: white;
    font-size:0.8em;
}
.footer-section p {
  margin-block-start: 0;
  margin-block-end: 0;
}/* reset */

.footer-section a {
  text-decoration:none;
}/* reset */
.footer-section a:hover {
  text-decoration:underline;
}/* reset */

/* Footer styles */
.footer-section {
  padding: 0;
  background-color: var(--body);
  color: white;
}

#footer a {color: #fff;}
#footer a:hover {opacity: 0.7;}

/* #footer .footer-flex, 
#footer .footer-column {
  display: flex;
  flex-direction: column;
}
*/
#footer .footer-row {
  display: block;
  flex-direction: column;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
/*
#footer .footer-flex {width: 100%;}
#footer .footer-top {padding: 0;}
#footer .footer-bottom {display:none;}
#footer .top {padding: 2rem 4rem;}
#footer .vs-alba-logo{width:18rem;}

#footer .footer-row.links-section{
  justify-content: flex-start; 
  gap: 2rem;
  margin-bottom: 2rem;
}

#footer .links-section a{text-decoration: none;}
#footer .footer-row.social-icons-links {
  justify-content: center;
  gap: 2rem;
  flex-direction: row;
}

#footer .socket {
  background: var(--vscorporatepurple); 
  font-size: 1.3rem;
  padding: 0.5rem 4rem 2rem;
}

#footer .social-icons-links a {
  border: 1px solid white;
  border-radius: 50%;
  width: 4rem;
  height: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

#footer .social-icons-links a:hover {
  color: var(--darkgrey);
  background-color: #fff;
  border-color: #fff;
  transition: all 0.2s;
  opacity: 1;
}

#footer .social-icons-links .css-icon {
  width: 1.8rem;
  height: 1.8rem;
}

@media screen and (min-width: 36em){
  #footer .footer-row {flex-direction: row;}
  #footer .footer-row.links-section {margin-bottom: 0;}
  #footer .socket {padding: 0.5rem 4rem;}
  #footer .footer-row.social-icons-links {
    width: auto;
    margin-bottom:0;
    justify-content: flex-start; 
    gap: 1rem;
  }
}

@media screen and (min-width: 75em){
  #footer .top {padding: 2rem 15rem;}
  #footer .footer-row.links-section {gap: 4rem;}
  #footer .socket {padding: 0.5rem 15rem;}
}

.system-info {
  color: var(--darkgrey);
  background-color: var(--lightgrey);
  line-height: normal;
  border-radius: 1rem 0 0 0;
}

/* overide flex */
#footer .footer-top {display:block;}

#footer .socket {
    background: var(--body);
    font-size: 1.3rem;
    padding: 0.5rem 4rem 2rem;
}
#footer .socket {
    display: block;
    margin: auto;
    padding: 2em;
    text-align: center;
    border-top:1px solid #fff;
    margin-top:2em;
}
#footer {padding:2em 4em;}
#footer .four-col-grid article {
  border-left:1px solid #fff;
  padding-left:1em;
}.cookies-preferences-section-overlay {z-index:3;}